<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" name="viewport">
    <meta name="description" content="携程旅行网是中国领先的在线旅行服务公司，旗下携程旅行向超过9000万会员提供酒店预订、酒店点评及特价酒店查询、机票预订、飞机票查询、时刻表、票价查询、航班查询、度假预订、商旅管理、为您的出行提供全方位旅行服务。">
    <meta name="keywords" content="酒店预订,特价酒店,机票,机票预订,飞机票查询,航班查询,酒店团购,旅游度假,旅行,商旅管理,手机订酒店,手机订机票,携程旅行">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>携程旅行-酒店预订,机票预订查询,旅游度假,商旅管理-携程无线官网</title>
</head>

<body>
    <!-- 搜索 -->
    <div class="search-index">
        <div class="search">
            <span>搜索:目的地/酒店/景点/航班号</span>
        </div>
        <a href="#" class="user">我 的</a>
    </div>
    <!-- 轮播图 -->
    <div class="focus">
        <img src="./upload/slider.jpg" alt="">
    </div>
    <!-- 导航栏 -->
    <ul class="local-nav">
        <li>
            <a href="#" title="特价/爆款">
                <span class="local-nav-icon1"></span>
                <span>特价/爆款</span>
            </a>
        </li>
        <li>
            <a href="#" title="接送机/包车">
                <span class="local-nav-icon2"></span>
                <span>接送机/包车</span>
            </a>
        </li>
        <li>
            <a href="#" title="美食">
                <span class="local-nav-icon3"></span>
                <span>美食</span>
            </a>
        </li>
        <li>
            <a href="#" title="门票/活动">
                <span class="local-nav-icon4"></span>
                <span>门票/活动</span>
            </a>
        </li>
        <li>
            <a href="#" title="汽车/船票">
                <span class="local-nav-icon5"></span>
                <span>汽车/船票</span>
            </a>
        </li>
    </ul>
    <!-- 主导航栏 -->
    <nav>
        <div class="nav-common">
            <div class="nav-items">
                <a href="#" title="酒店">
                    <span>酒店</span>
                </a>
            </div>
            <div class="nav-items">
                <a href="#" title="海外酒店">海外酒店</a>
                <a href="#" title="特价酒店">特价酒店</a>
            </div>
            <div class="nav-items">
                <a href="#" title="团购">团购</a>
                <a href="#" title="民宿·客栈">民宿·客栈</a>
            </div>
        </div>
        <div class="nav-common">
            <div class="nav-items">
                <a href="#" title="飞机">
                    <span>飞机</span>
                </a>
            </div>
            <div class="nav-items">
                <a href="#" title="海外酒店">海外酒店</a>
                <a href="#" title="特价酒店">特价酒店</a>
            </div>
            <div class="nav-items">
                <a href="#" title="团购">团购</a>
                <a href="#" title="民宿·客栈">民宿·客栈</a>
            </div>
        </div>
        <div class="nav-common">
            <div class="nav-items">
                <a href="#" title="旅游">
                    <span>旅游</span>
                </a>
            </div>
            <div class="nav-items">
                <a href="#" title="海外酒店">海外酒店</a>
                <a href="#" title="特价酒店">特价酒店</a>
            </div>
            <div class="nav-items">
                <a href="#" title="团购">团购</a>
                <a href="#" title="民宿·客栈">民宿·客栈</a>
            </div>
        </div>
    </nav>
    <!-- 侧导航栏 -->
    <ul class="subnav-entry">
        <li>
            <a href="#" title="火爆">
                <span class="subnav-entry-icon1"></span>
                <span>火爆</span>
            </a>
        </li>
        <li>
            <a href="#" title="火爆旅游景点">
                <span class="subnav-entry-icon2"></span>
                <span>火爆旅游景点</span>
            </a>
        </li>
        <li>
            <a href="#" title="美食">
                <span class="subnav-entry-icon3"></span>
                <span>美食</span>
            </a>
        </li>
        <li>
            <a href="#" title="旅游居家">
                <span class="subnav-entry-icon4"></span>
                <span>旅游居家</span>
            </a>
        </li>
        <li>
            <a href="#" title="火爆">
                <span class="subnav-entry-icon5"></span>
                <span>火爆</span>
            </a>
        </li>
        <li>
            <a href="#" title="火爆">
                <span class="subnav-entry-icon"></span>
                <span>火爆</span>
            </a>
        </li>
        <li>
            <a href="#" title="火爆">
                <span class="subnav-entry-icon"></span>
                <span>火爆</span>
            </a>
        </li>
        <li>
            <a href="#" title="火爆">
                <span class="subnav-entry-icon"></span>
                <span>火爆</span>
            </a>
        </li>
        <li>
            <a href="#" title="火爆">
                <span class="subnav-entry-icon"></span>
                <span>火爆</span>
            </a>
        </li>
        <li>
            <a href="#" title="火爆">
                <span class="subnav-entry-icon"></span>
                <span>火爆</span>
            </a>
        </li>

    </ul>
    <!-- 热门活动 -->
    <div class="sales-box">
        <div class="sales-hd">
            <h2>热门活动</h2>
            <a href="#" title="获取更多福利" class="more">获取更多福利</a>
            <!-- <div class="more">
                <a href="#" title="获取更多福利">获取更多福利</a>
            </div> -->
        </div>
        <div class="sales-bd">
            <div class="row">
                <a href="#" title="寻找美丽乡村"><img src="./upload/pic1.jpg" alt=""></a>
                <a href="#" title="高铁旅游上线"><img src="./upload/pic2.jpg" alt=""></a>
            </div>
        </div>
        <div class="sales-bd">
            <div class="row">
                <a href="#" title="寻找美丽乡村"><img src="./upload/pic3.jpg" alt=""></a>
                <a href="#" title="高铁旅游上线"><img src="./upload/pic4.jpg" alt=""></a>
            </div>
        </div>
        <div class="sales-bd">
            <div class="row">
                <a href="#" title="寻找美丽乡村"><img src="./upload/pic5.jpg" alt=""></a>
                <a href="#" title="高铁旅游上线"><img src="./upload/pic6.jpg" alt=""></a>
            </div>
        </div>
    </div>
</body>

</html>